<template>
    <div>
         <div class="titleBox">
          <img src="../../../assets/imgs/titleImg.png" alt="" />
        </div>
     <!-- 导航 -->
        <el-menu
          router
          active-text-color="#FF7A63"
          default-active="/WorkBench"
          active-background-color="#fafafb"
        >
          <!-- 工作台 -->
          <el-menu-item index="/WorkBench">
            <el-icon>
              <img src="../../../assets/imgs/1.png" alt="" />
            </el-icon>
            <span>工作台</span>
          </el-menu-item>
          <!-- 基础数据管理 -->
          <el-sub-menu index="1">
            <template #title>
              <el-icon>
                <img src="../../../assets/imgs/2.png" alt="" />
              </el-icon>
              <span>基础数据管理</span>
            </template>
            <el-menu-item index="/LnstitutionalManagement">
              <span class="left">机构管理</span>
            </el-menu-item>
            <el-menu-item index="/InstitutionalScope">
              <span class="left">机构作业范围</span>
            </el-menu-item>
            <el-menu-item index="/FreightManagement">
              <span class="left">运费管理</span>
            </el-menu-item>
          </el-sub-menu>
          <!-- 车辆管理 -->
          <el-sub-menu index="2">
            <template #title>
              <el-icon>
                <img src="../../../assets/imgs/3.png" alt="" />
              </el-icon>
              <span>车辆管理</span>
            </template>
            <el-menu-item index="/VehicleManagement">
              <span class="left">车型管理</span>
            </el-menu-item>
            <el-menu-item index="/VehicleList">
              <span class="left">车辆列表</span>
            </el-menu-item>
            <el-menu-item index="/EnterRegister">
              <span class="left">回车登记</span>
            </el-menu-item>
          </el-sub-menu>
          <!-- 员工管理 -->
          <el-sub-menu index="3">
            <template #title>
              <el-icon>
                <img src="../../../assets/imgs/4.png" alt="" />
              </el-icon>
              <span>员工管理</span>
            </template>
            <el-menu-item index="/CourierManagement">
              <span class="left">快递员管理</span>
            </el-menu-item>
            <el-menu-item index="/DriverManagement">
              <span class="left">司机管理</span>
            </el-menu-item>
            <el-menu-item index="/SchedulingManage">
              <span class="left">排班管理</span>
            </el-menu-item>
          </el-sub-menu>
          <!-- 业务管理 -->
          <el-sub-menu index="4">
            <template #title>
              <el-icon>
                <img src="../../../assets/imgs/5.png" alt="" />
              </el-icon>
              <span>业务管理</span>
            </template>
            <el-menu-item index="/OrderManagement">
              <span class="left">订单管理</span>
            </el-menu-item>
            <el-menu-item index="/TransportTasks">
              <span class="left">运输管理</span>
            </el-menu-item>
          </el-sub-menu>
          <!-- 调度管理 -->
          <el-sub-menu index="5">
            <template #title>
              <el-icon>
                <img src="../../../assets/imgs/6.png" alt="" />
              </el-icon>
              <span>调度管理</span>
            </template>
            <el-menu-item index="/TransportTasksManage">
              <span class="left">运输任务管理</span>
            </el-menu-item>
            <el-menu-item index="/RouteManagement">
              <span class="left">路线管理</span>
            </el-menu-item>
            <el-menu-item index="/PickUptTheItem">
              <span class="left">取件作业管理</span>
            </el-menu-item>
            <el-menu-item index="/DeliveryManagement">
              <span class="left">派件左右管理</span>
            </el-menu-item>
          </el-sub-menu>
        </el-menu>
    </div>
</template>
<script>
</script>
<style scoped>
@import url(../index.less);
</style>